<script lang="ts" setup>
import { ref } from 'vue'
import { Dayjs } from 'dayjs'

const value = ref<Dayjs>()
const onPanelChange = (value: Dayjs, mode: string) => {
  console.log(value, mode)
}
</script>

<template>
  <!-- 日期 -->
  <div class="calendar">
    <a-calendar v-model:value="value" :fullscreen="false" @panelChange="onPanelChange" />
  </div>
</template>

<style lang="scss" scoped>
.calendar {
  width: 100%;
}
</style>
